其實我有 1~2 年沒碰 sass，當年因為工作需要，只有用幾個常用功能：@import, variables,@mixin, include 和最好用的 &，其他就沒有真的深入了解。

以 @use 帶頭，這幾年出現的新功能，原來是帶著新規則來著，想要補足以前舊有功能的缺點：

• 像是 @import，因為太自由了，如果沒有規劃好，會成為一場小災難。
• 沒規劃好的同名變數會被蓋來蓋去。
• 像是 @mixin, 變數 要在每一頁先載入
  而官網是建議用新規則！但要用舊規則也是不攔！一樣可以用！(新功能真的需要花點時間理解...)

@use

• 被 @use 載入的就叫做 namespace（需要被命名的空間）
• 可以載入其他.scss檔案內的 mixins, functions, and variables
• 只能在單一檔案引入，只能用在該檔案裡

像是以下寫法

// 引入命名空間 itemA 
@use abstacts/fonts;

// 使用
    itemA {
        font-size: font.$fz-big;
    }

// 引入命名空間 itemB
@use abstacts/fonts as f;
// 使用
    itemB {
        font-size: f.$fz-big;
    }

// 引入命名空間 itemC
@use abstacts/fonts as *;
@use abstacts/color as c;
// 使用
    itemC {
           color: c.$pink;
          font-size: $fz-big;
    }

// 引入命名空間 itemD
@use abstacts;
// 使用
    itemD {
    font-size: font.$fz-big;
    color: colors.$pink;
    }